<!DOCTYPE html>
<!--219970838杨彪-->
<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<!-- 三角形-->

<script>

for (var a=1;a<=5;a++){ //定义变量a

for (var b=1;b<=5-a;b++){ //利用for循环打印

document.write(" ") //&emsp,全角空格：占据的宽度正好是1个中文宽度，而且基本上不受字体影响，百度说图形用这个比较好

}

for (var c=1;c<=a;c++){

document.write("*  ") //利用两个for循环关联来进行 空格 和 *的输入

}

document.write("<br>") //document.write()可以在页面输出字符串，换行

}

</script>

<script>/* 平行四边形 */

for (var a=1;a<=5;a++) { //定义变量a来进行约束条件，只能到5

for (c=a; c <=5; c++) { //定义c来表示空格 定义b来表示* 利用for循环来进行 空格 和 *的输入

document.write(" ");

}

for (b = 1; b<=5; b++) {

document.write(" "+"*")

}

document.write("<br>") //document.write()可以在页面输出字符串，换行

}

</script>

<script>/* 菱形 */

for(var i=1;i<=3;i++){ //定义I变量 先对上面三行进行输出

//前三行

for(var j=1;j<=3-i;j++){ //j变量控制空格的输出 此处用&emsp会错误显示（）

document.write("  ");

}

for(var k=1;k<=2*i-1;k++){

document.write("* "); //2*i-1 控制*的数量

}

document.write("<br/>");

}

for( i=1;i<=2;i++){

for(j=1;j<=i;j++){

document.write("  ");

}

for(k=1;k<=5-2*i;k++){

document.write("* ");

}

document.write("<br/>");

}

</script>

</body>

</html>